﻿@model TumbaloSoft.Models.MyViewModel
@{
	Layout = "~/Views/Shared/_HomeLayout.cshtml";
	ViewBag.Title = "Contactenos";
}

 <script type="text/javascript">
     $(window).load(function () {
         $('#slider1').nivoSlider({
             effect: 'sliceUpDown', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'
             slices: 17,
             animSpeed: 500,
             pauseTime: 3000,
             startSlide: 0, //Set starting Slide (0 index)
             directionNav: false, //Next & Prev
             directionNavHide: false, //Only show on hover
             controlNav: true, //1,2,3...
             controlNavThumbs: false, //Use thumbnails for Control Nav
             controlNavThumbsFromRel: false, //Use image rel for thumbs
             controlNavThumbsSearch: '.jpg', //Replace this with...
             controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
             keyboardNav: true, //Use left & right arrows
             pauseOnHover: true, //Stop animation while hovering
             manualAdvance: false, //Force manual transitions
             captionOpacity: 1, //Universal caption opacity
             beforeChange: function () { $('.nivo-caption').animate({ bottom: '-110' }, 400, 'easeInBack') },
             afterChange: function () { Cufon.refresh(); $('.nivo-caption').animate({ bottom: '-20' }, 400, 'easeOutBack') },
             slideshowEnd: function () { } //Triggers after all slides have been shown
         });
         Cufon.refresh();
     });
	</script>

		
<!-- content -->
		<div class="body2" style="margin-bottom: -90px;">
			<div class="main">
				<section id="content">
                     
                         <form id="form_2" method="post" style="height: 500px; width: 450px; margin-bottom: 110px ;margin-left: 243px";>
							<div class="pad1" style="padding-bottom: 84px; margin-bottom: 85px;">
								<h2 class="pad_bot1 pad_top1">Contáctenos</h2>
                                <h3 class="pad_bot1 pad_top1">Ingrese su solicitud de contacto</h3>
                                 <div class="row">
                                      <table style="width: 420px">
                                            <tr>
                                     <td style="width: 210px"><span>Tipo de Persona*</span></td>
                                     <td style="width: 210px"> 
                                    <input type="radio"
                                        name="tipoPersona"
                                        id="natural"
                                        value="N" checked="checked" />Natural&nbsp;&nbsp;&nbsp;&nbsp;
                                       
                                        <input type="radio"
                                            name="tipoPersona"
                                            id="juridica"
                                            value="J" />Jurídica
                                         </td>
                                                    </tr>
                                                </table>  

                                    </div>
										<div  class="row">
                                            <table style="width: 420px">
                                                    <tr>
                                                         <td style="width: 210px"><span style="width: 163px;">Su Nombre ó Razón Social*:</span></td>
										            <td style="width: 300px"> 
											            @Html.TextBoxFor(model => model.PersonaNatural.prNombre, new { @Class ="input", maxlength = "30", minlength = "1",placeholder = "Maximo 30 caracteres aqui"}) 
                                                        @Html.ValidationMessageFor(model => model.PersonaNatural.prNombre, null, new { style = "width:178px" }) 
                                                        </td>
                                                    </tr>
                                                </table>  
										</div>
                                         <!--E-MAIL-->
                                            <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span> Su Email*:</span></td>
                                                        <td style="width: 210px"> 
                                                            @Html.TextBoxFor(model => model.Persona.prEmail, new { @Class = "input", placeholder = "ejemplo@dominio.com" })
                                                            @Html.ValidationMessageFor(model => model.Persona.prEmail, null, new { style="width:178px" })
                                                        </td>
                                                    </tr>
                                                </table>            
                                            </div> 

                                      

                                        <!--TELEFONO-->
                                            <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span> Su Teléfono:</span></td>
                                                        <td style="width: 210px"> 
                                                            @Html.TextBoxFor(model => model.Persona.prTelefono, new { @Class = "input", maxlength = "9", minlength = "9" })
                                                            @Html.ValidationMessageFor(model => model.Persona.prTelefono, null, new { style="width:178px"})
                                                        </td>
                                                    </tr>
                                                </table> 
                                            </div>
										
   
										<div  class="row">
                                            <table style="width: 420px">
                                            <tr>
											 <td style="width: 173px"><span>Su Mensaje*:</span></td>
                                            <td>
                                                @Html.TextAreaFor(model => model.Consulta.prMensaje, new { style="margin-left: 87px; width: 250px;height: 115px;margin-right: 27px;" })
                                                 @Html.ValidationMessageFor(model => model.Consulta.prMensaje,null,new {@Class="message",style="margin-left:84px;width:178px" })
											       
                                                  </td>
                                                 </tr>
                                                </table> 
										</div>
                                        <div width: "200px;">
										<span>&nbsp;</span>
                                        <a href="#" class="button" onClick="document.getElementById('form_2').submit()">Enviar</a>
										<a href="#" class="button" onClick="document.getElementById('form_2').reset()">Limpiar</a>
										
                                        </div>
                                          
                                      </div>

								</form>
					
				</section>
                    </div>
                 

			</div>	
	
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

   